import { reqLogin, reqGetProfile, reqGetBaseInfo } from '@/api/user'

import { getToken, setToken, removeToken } from '@/utils/auth.js'

import { resetRouter } from '@/router'

const state = () => {
  return {
    token: getToken() || '',
    userInfo: {}
  }
}

const mutations = {
  // 设置token
  setToken(state, newToken) {
    state.token = newToken
    // cookie存token  永久存储
    setToken(newToken)
  },
  // 清除token
  removeToken(state) {
    state.token = ''
    removeToken()
  },

  setUserInfo(state, newUserInfo) {
    state.userInfo = newUserInfo
  },

  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  // 登录获取token
  async login(context, data) {
    const res = await reqLogin(data)
    context.commit('setToken', res.data)
    // return res
  },
  // 获取用户信息
  async getUserInfo(context) {
    // 1.获取用户基本信息 结果中有userId
    const res1 = await reqGetProfile()
    // 2.获取用户基本资料
    const res2 = await reqGetBaseInfo(res1.data.userId)

    // 合并两次的数据
    const res = { ...res1.data, ...res2.data }
    // console.log(res)
    // console.log(res)
    context.commit('setUserInfo', res)

    // 返回用户的信息
    return res
  },
  // 退出清空用户信息
  logout(context) {
    // 清除token
    context.commit('removeToken')
    // 清除用户信息
    context.commit('removeUserInfo')

    // 清除用户路由
    resetRouter()
  }

}
const getters = {

}

// this.$store.state.user.token

export default {
  // 命名空间
  namespaced: true,
  state,
  mutations,
  actions,
  getters
}
